<script>
	export default {
		onLaunch: function() {

		},
		onLoad: function(options) {
			console.log('App onLoad',options)
		},
		onHide: function() {
			console.log('App Hide')
		},
		data: {

		},
		methods: {
			
		}
	}
</script>

<style>
	
	view{
		font-size: 32rpx;
	}
	
	image {
		width: 100%;
		height: 100%;
	}
	
	.text-line-1{
		/*超过范围进行隐藏不显示*/
		overflow: hidden;
		/*文本溢出, 使用省略号 */
		text-overflow: ellipsis;
		/* 以webkit盒子展示, 比较适用于webkit内核和移动端*/
		display: -webkit-box;
		/*限制块容器显示的文本行数, 按照你的需求设置*/
		-webkit-line-clamp: 1;
		/*盒子的方向, 垂直、水平等*/
		-webkit-box-orient: vertical;
		/*文字换行, 可以在单词内断*/
		word-wrap: break-word;
	}
	
	.text-line-2{
		/*超过范围进行隐藏不显示*/
		overflow: hidden;
		/*文本溢出, 使用省略号 */
		text-overflow: ellipsis;
		/* 以webkit盒子展示, 比较适用于webkit内核和移动端*/
		display: -webkit-box;
		/*限制块容器显示的文本行数, 按照你的需求设置*/
		-webkit-line-clamp: 2;
		/*盒子的方向, 垂直、水平等*/
		-webkit-box-orient: vertical;
		/*文字换行, 可以在单词内断*/
		word-wrap: break-word;
	}
	
	.text-line-3{
		/*超过范围进行隐藏不显示*/
		overflow: hidden;
		/*文本溢出, 使用省略号 */
		text-overflow: ellipsis;
		/* 以webkit盒子展示, 比较适用于webkit内核和移动端*/
		display: -webkit-box;
		/*限制块容器显示的文本行数, 按照你的需求设置*/
		-webkit-line-clamp: 3;
		/*盒子的方向, 垂直、水平等*/
		-webkit-box-orient: vertical;
		/*文字换行, 可以在单词内断*/
		word-wrap: break-word;
	}
	
	

</style>

